import axios from 'axios'
import { message } from 'ant-design-vue'
// 创建axios实例
const request = axios.create({
  baseURL: ' ', // 设置baseURL
  timeout: 20000, // 设置请求超时时间
  withCredentials: true, //设置登录凭证
})

//添加请求响应拦截器
// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    const data = response.data

    if (data.code === 200) {
      return data.data
    } else {
      return Promise.reject(data.message)
    }
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    const data = error.response.data
    if (data.code === 400) {
      //如果用户未登录，则跳转到登录页面
      if (data.message === '登录超时') {
        //弹窗
        message.error('登录超时，请重新登录')
        window.location.href = '/login'
      }

      if (data.message === '用户不存在') {
        message.error('用户不存在')
      }
    }
  }
)

export default request
